<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>DNS检测及数据展示</title>
		<link rel="stylesheet" href="./index.css" />
	</head>
	<style>
		/* copy */
	</style>

	<body>
		<div class="header">
			<div class="wraper row">
				<div class="btn btn-home">DGA域名检测数据展示</div>
				<div class="title btn">DNS检测</div>
				<div class="menu btn">
					<a href="http://127.0.0.1:8000/dns?a=400">样本检测</a>
				</div>
				<div class="menu btn btn-active">
					<a href="http://127.0.0.1:8000/ResultList">结果展示</a>
				</div>
				<div class="menu btn">对比数据图</div>
			</div>
		</div>
		<div class="router-view">
			<div class="body">
				<div class="table">
					<ul class="table-header row">
						<li>序号</li>
						<li>算法</li>
						<li>白样本</li>
						<li>黑样本</li>
						<li>准确率</li>
						<li>精确率</li>
						<li>召回率</li>
						<li>f1分数</li>
					</ul>
					{% for obj in rs %}
					<ul class="table-item row">
						<li class="id">{{ obj.id }}</li>
						<li class="name">{{ obj.name }}</li>
						<li class="white_rate">{{ obj.white_rate }}</li>
						<li class="black_rate">{{ obj.black_rate }}</li>
						<li class="accuracy_score">{{ obj.accuracy_score }}</li>
						<li class="precision_score">
							{{ obj.precision_score }}
						</li>
						<li class="recall_score">{{ obj.recall_score}}</li>
						<li class="f1_score">{{ obj.f1_score }}</li>
					</ul>
					{% endfor %}
				</div>
			</div>
		</div>
	</body>
</html>
